.outerContainer{
    position: relative;
    width:100%;
    height:900px;
}
.titleLogo{
    /* position: relative; */
    height:100px;
    width:100%; 
    background:rgba(247, 239, 239, 0.7);
    opacity: 0.8;
}
.logo{
    /* position: absolute; */
    top:-220px;
    left:10px;
    width:400px; 
}
.outerContainer::after{
    position:absolute;
    content:"";
    background-image:url("../../images/background-backside.jpg");
    opacity: 0.7;
    background-size:cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index:-1;
}

.reback{
    position:absolute;
    right:0;
    top:50px;
    padding-right: 10px;
    /* width:400px; */
    height:50px;
}
.rebackLogin{
    margin-left:10px;
    border:none;
    background:none;
    color:rgb(10, 84, 223);
}
.Container{
    display:flex;
    width:100%;
    position: relative;
    transform: scale(1,1) ;
}
.leftContainer{
    background:rgba(247, 239, 239, 0.7);
    height:520px;
    /* position:fixed; 
     margin-top:10%; */
    width:30%;
    z-index:2;
}
.rightContainer{
    z-index:1;
    /* height:800px; */
    width:90%;
}

.rightContent{
    height:780px;
    margin:10px;
    
    border-radius: 1em;
    background:rgba(247, 239, 239, 0.7);
}


.newContainer{
    height:100%;
}
.title{
    display:flex;
    justify-content: center;
    align-items: center;
    height:30%;
}


.sheetContainer{
    display: flex;
}



.qunContainer{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.Quantity{
    width:200px;
    height: 200px;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.adminimg{
    width:40px;
    height:40px;
    margin:10px;
}